<template>
  <div>
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh" success-text="刷新成功">
      <!-- 今日榜单部分内容 -->
      <test type="1" size="6" title="今日榜单"></test>
      <!-- 新歌速递 -->
      <test type="2" size="3" title="新歌速递"></test>
      
      <!-- 轮播图 -->
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item >
          <img src="../../assets/images/img01.jpg" alt />
        </van-swipe-item>
         <van-swipe-item >
          <img src="../../assets/images/img02.jpg" alt />
        </van-swipe-item>
         <van-swipe-item >
          <img src="../../assets/images/img03.jpg" alt />
        </van-swipe-item>
        
          
      </van-swipe>

      <!-- 音乐榜单 -->
      <bill-first-list title='音乐榜单' type='24'></bill-first-list>

      <!-- 热门歌单 -->
      <test type="2" size="6" title="热门歌单"></test>
  

    </van-pull-refresh>
  </div>
</template>
<script>

// import todaybill from "../model/TodayBill.vue";
//组件化
import test from "../Test/Test.vue"
import BillFirstList from "../Test/BillFirstList.vue"


// 下拉刷新
import { Toast } from "vant";
export default {
  data() {
    return {
      active:0,
      mylist: [], //
      flag: false,
      isLoading: false,
      type:"",
      title:"",
    };
  },
  methods: {
    onRefresh() {
      setTimeout(() => {
        // Toast("刷新成功");
        this.isLoading = false;
        // this.count++;
      }, 1000);
    }
  },
  components: {
    test,//今日榜单，新歌速递，热门歌单
    BillFirstList,//音乐榜当
  }
};
</script>
<style scoped>
.checkMore a {
  color: #2c3e50 !important;
}
.van-tabbar-item {
  font-size: 16px;
  color: #999;
}
.van-icon-music-o::before {
  font-size: 30px;
  padding-top: 7px;
}
.mui-card {
  margin: 0;
  box-shadow: none;
}
/* 轮播图 */
.my-swipe {
  margin: 10px 0;
}
</style>